<template>
  <head-top class="blessing" :loading="loading" :is_footer_mar="false">
    <view class="blessing_top">
      <u-image src="@/static/tabs/cardbg.png" width="750rpx" height="421rpx"></u-image>
    </view>
    <view class="blessing_content">
      <!-- #ifdef MP-WEIXIN -->
      <view class="blessing_title">开心桃</view>
      <!-- #endif -->
      <!-- <view class="blessing_scoll">
        <view class="blessing_list">
          <view class="blessing_tabls">hahahah</view>
        </view>
      </view> -->
      <BetterScroll></BetterScroll>
      <view class="blessing_mianfei">
        <view class="blessing_btn">免单进行中</view>
        <view class="blessing_order">
          <view class="blessing_order_orderwu" v-if="orderType === 1">
            <view class="hui">您还没有免单的商品 </view>
            <view class="flexconter orderBtn">
              去下单
              <view class="icon">
                <u-icon name="arrow-right" size="15" color="#FF4201"></u-icon>
              </view>
            </view>
          </view>
          <BshareList @share="onShare" v-else></BshareList>
        </view>
      </view>
      <view class="blessing_content_images">
        <view class="blessing_content_mar">
          <u-image src="@/static/tabs/opts_.png" width="130rpx" height="18rpx"></u-image>
        </view>
        <text class="blessing_content_font">抢福袋</text>
        <view class="blessing_content_mar">
          <u-image src="@/static/tabs/opts_.png" width="130rpx" height="18rpx"></u-image>
        </view>
      </view>
      <BlessList></BlessList>
    </view>
  </head-top>
</template>
<script setup lang="ts">
import { ref, onMounted, getCurrentInstance, reactive, watch, nextTick } from 'vue'
import { onLoad, onReady, onShow, onReachBottom, onShareAppMessage } from "@dcloudio/uni-app";

import BlessList from '@/components/BlessList/BlessList.vue'
import BetterScroll from '@/components/BetterScroll/index.vue'
import BshareList from '@/components/BshareList/BshareList.vue'

onReachBottom(() => {
  console.log('到低了。。。。')
})

const loading = ref<boolean>(false)
const orderType = ref<number>(0)
function onShare() {
  uni.navigateTo({
    url: '../../subPage/share/index'
  })
}
</script>
<style>
page {
  min-height: 100%;
}
</style>
<style scoped lang="scss">
@import './index.scss'
</style>